.infotop {
  height: 424rpx;
  position: relative;

  image {
    width: 100%;
  }

  .info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 49rpx 0;

    .avatar {
      width: 158rpx;
      height: 158rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 50%;
      background-color: #f5f5f5;
      overflow: hidden;
    }

    .name {
      padding: 24rpx 0;
      font-size: 30rpx;
      color: #fff;
      text-align: center;
    }
  }
}

.infobody {
  background-color: #fff;
  margin: -30rpx 0 0 0;
  position: relative;
  z-index: 1;
  border-radius: 32rpx 32rpx 0 0;

  .bodyhead {
    .van-tabs {
      height: 99rpx;

      .van-tabs__wrap {
        height: 99rpx;

        .van-tabs__scroll--card {
          border-radius: 32rpx;
          margin: 0;
          height: 99rpx;

          .van-tabs__nav {
            border: 0;
            height: 99rpx;

            .van-tab {
              border-radius: 32rpx 0 32rpx 0;
              border: 0;
              height: 99rpx;
              line-height: 99rpx;
transition: ease-in-out .3s;
              &:last-child {
                border-radius: 0 32rpx 0 32rpx;
              }
            }
          }
        }
      }
    }
  }

  .van-row {
    margin: 0 !important;
    height: ~'71rpx';

    .van-col {
      font-size: 30rpx;
    }

    .span {
      display: inline-block;
      width: 20rpx;
      height: 20rpx;
      background-color: #EEEEEE;
      border-radius: 50%;

      &.active {
        background-color: #52C41A;
      }
    }

    .sextitle {
      .van-col--5 {
        line-height: 71rpx;
      }
    }

    .van-cell {
      //height: 71rpx;
      &.van-cell--required {
        &:before {
          top: 35rpx;
        }
      }

      .van-cell__title {
        //text-align: right;
        line-height: 71rpx;
        font-size: 30rpx;
      }
    }

    .van-field__body {
      background-color: #EEEEEE;
      height: 71rpx;
      font-size: 30rpx;

      input {
        text-align: center;
        height: 71rpx;
        color: #333;
        font-size: 24rpx;

        &::placeholder {
          color: #999999;
        }
      }
    }

    .van-radio {
      .van-radio__label {
        color: #333333;
        font-size: 24rpx;
      }
    }
  }

  .inputlist {
    padding: 50rpx 0;
    .tips{
      text-align: center;
      color: #333333;
      font-size: 24rpx;
      padding: 50rpx 0;
    }
    .addbox{
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 30rpx 0;
      .button{
        width:150rpx;
        border-radius:20rpx;
        padding: 0;
        line-height: 50rpx;
        margin: 20rpx 0 0 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24rpx;
        .iconfont{
          font-size: 30rpx;
          font-weight: bold;
          margin-right: 10rpx;
        }
      }
    }
    .btnbox{
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 30rpx 0;
      .van-button{
        width:349rpx;
        background:#0090FF;
        border-radius:40rpx;
        border: 0;
        color: #fff;
      }
      .van-button[disabled]{
        opacity: .7;
      }
    }
    .inputbox {
      display: flex;
      align-items: center;
      height: 71rpx;
      padding: 0 73rpx 0 0;
margin-bottom: 24rpx;
      &.hr{
        height: 1rpx ;
        margin: 53rpx 60rpx;
        background-color: #EEEEEE;
      }
      &.labelimgbox{
        height: auto;
        align-items: unset;
      }
      .label {
        width: 213rpx;
        text-align: right;
        flex-shrink: 0;
        height: 71rpx;
        line-height: 71rpx;
        margin-right: 47rpx;
        font-size: 30rpx;
        &.required {
          position: relative;

          &:before {
            position: absolute;
            right: -20rpx;
            top: 5rpx;
            font-weight: bold;
            color: #FF4C4C;
            font-size: 30rpx;
            content: '*';
          }
        }
      }

      .input {
        flex: 1;
        height: 100%;
        text-align: center;
        background-color: #eee;
        color: #333;
        font-size: 24rpx;
        border-radius:12rpx;
        line-height: 71rpx;
        &.pickerbox{
          background: none;
        }
        .picker{
          height: 100%;
          line-height: 71rpx;
          background: none;
          position: relative;
          z-index: 1;
          &:before{
            content: '';
            width: 0;
            height: 0;
            border-top: 20rpx solid #D7D7D7;
            border-left: 15rpx solid transparent;
            border-right: 15rpx solid transparent;
            position: absolute;
            top: 30rpx;
            right: 10rpx;
            z-index: -1;
          }
        }
      }
      .pickerview{
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        line-height: 71rpx;
        background: none;
        .text{
          flex: 1;
          background-color: #eee;
          text-align: center;
          border-radius:12rpx;
          color: #999;
          margin: 0 10rpx 0 0;
          line-height: 71rpx;
          height: 71rpx;
          &.text2{
            flex: 2;
          }
          &:last-child{
            margin: 0;
          }
          &.textvalue{
            color: #333;
          }
          .input{
            line-height: 71rpx;
            height: 71rpx;
          }
        }
      }
      .labelimg{
        width: 252rpx;
        height: 319rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #EEEEEE;
        .van-icon{
          font-size: 72rpx;
          color: #D7D7D7;
        }
      }

      .inputplaceholder {
        color: #999;
      }

      .label-2 {
        display: flex;
        align-items: center;
        flex: 1;
        color: #333;
        font-size: 24rpx;
      }

      .label-2__icon {
        position: relative;
        margin-right: 24rpx;
        width: 28rpx;
        height: 28rpx;
        background: #eee;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .label-2__icon-checked {
        //position: absolute;
        //left: 3px;
        //top: 3px;
        width: 28rpx;
        height: 28rpx;
        background: #52C41A;
        border-radius: 50%;
      }
      &.labelerr{
        .label{
          color: red;
        }
        .input{
          border: 1px solid red;
        }
      }
    }
    .ctitle{
      font-weight: bold;
      font-size: 28rpx;
      color: #333;
      padding: 0 0 41rpx 33rpx ;
    }
    .cinputbox{
      padding: 30rpx 0;
      position: relative;
      &::after{
        content: " ";
        width: 100%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 36%;
        border-bottom: 1px solid rgba(0,0,0,.2);
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        box-sizing: border-box;
      }
      .text{
        margin: 0!important;
      }
      .iconshanchu{
        position: absolute;
        width: 420rpx;
        line-height: 71rpx;
        left: 30%;
        font-size: 40rpx;
        color: #0090FF;
        bottom: -30rpx;
        text-align: center;
        z-index: 100;
      }
    }
  }
}